<template>
  <div>
    <h1>App</h1>
    <BsCard>
      <!-- <template v-slot="props"> -->
      <!-- <template #default="props"> -->
      <!-- <template v-slot:default="props">
        {{ props.username }}
      </template> -->
      <template v-slot:default="{ username, age }">
        {{ username }}-{{ age }}
      </template>

      <template #header="{ size, hobby }">
        {{ size }}-{{ hobby }}
      </template>
    </BsCard>

  </div>
</template>

<script setup>
import { ref } from 'vue';
import BsCard from './components/BsCard.vue';
const slotName = ref('footer')
</script>


<style>
div {
  border: solid;
  padding: 20px
}
</style>